<template>   
    <div style="flex: 1" class="card">




    </div>
</template>

<script>
export default {
    name:'BlogList3',

    data(){
        return{
        }
    },
    methods:{

    }
}
</script>

<style scoped>
.category-item {
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  cursor: pointer;
}
.category-item-active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 5px;
}
.blog-box{
    display: flex; 
    grid-gap: 15px;
    padding: 10px 0; 
    border-bottom: 1px solid #666666;
}
.blog-box:first-child{
    padding-top: 0;
}
.blog-title{
   font-size: 18px; 
   font-weight: bold; 
   margin-bottom: 10px;
   cursor: pointer;
}
.blog-title:hover{
    color: #2a60c9;
}

</style>